body {
    font-family: '微软雅黑', sans-serif;
    line-height: 1.8;
    font-size: 24px; /* 增加字体大小 */
    color: #333; /* 提高文字对比度 */
    background-color: #f9f9f9; /* 背景颜色更柔和 */
}

header {
    background: #4CAF50;
    color: white;
    padding: 1.5rem; /* 增加头部内边距 */
}

nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 2rem;
}

nav a {
    font-size: 20px; /* 增加导航栏字体大小 */
    padding: 15px 30px; /* 增大按钮尺寸 */
    border: 2px solid white; /* 添加边框 */
}

.container {
    max-width: 1000px; /* 缩小内容区域宽度 */
    margin: 0 auto;
    padding: 2rem;
}

.banner {
    background: #ecf0f1;
    padding: 2rem;
    text-align: center;
    margin-bottom: 2rem;
    border-radius: 8px;
    font-size: 24px; /* 增加字体大小 */
}

.trip-card {
    border: 3px solid #e0a449; /* 改为更醒目的橙色边框 */
    padding: 2rem;
    border-radius: 15px; /* 增大圆角 */
    margin-bottom: 2rem;
    background: #fff9f0; /* 暖色背景 */
    font-size: 26px; /* 增大文字 */
}

/* 新增适老按钮样式 */
/* 新增适老按钮样式 */
.cta-button {
    font-size: 32px; /* 增大字号 */
    padding: 25px 50px; /* 增大点击区域 */
    background-color: #FF6B6B; /* 使用高对比度珊瑚色 */
    color: #FFF;
    border: 3px solid #FF5252; /* 加强边框对比 */
    border-radius: 15px; /* 更圆润的圆角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加立体阴影 */
    position: relative;
    text-decoration: none; /* 新增：移除下划线 */
    display: inline-block; /* 新增显示属性 */
}

.cta-button:hover {
    background-color: #FF5252;
    transform: scale(1.05) translateY(-2px); /* 更明显的悬停反馈 */
}

.cta-button::before {
    content: "👉"; /* 添加指引图标 */
    margin-right: 12px;
    font-size: 1.2em;
}

/* 新增按钮容器确保点击区域 */
.button-container {
    margin: 30px 0;
    text-align: center;
}

img {
    max-width: 100%;
    max-height: 400px; /* 限制最大高度 */
    height: auto;
    object-fit: cover;
    border-radius: 15px;
    border: 3px solid #4CAF50; /* 更粗的绿色边框 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加投影 */
}

/* 新增适老化布局调整 */
.detail-info p {
    line-height: 2.0; /* 增大行距 */
    margin-bottom: 1.5rem;
    color: #333;
    background: #fffff8; /* 浅黄色背景 */
    padding: 1rem;
    border-radius: 8px;
}

/* 优化布局结构 */
main.container {
    flex: 1;
    /* 使用 calc 动态计算底部间距，确保内容不被页脚遮挡 */
    padding-bottom: calc(1rem + 20px + 20px);
}

/* 增强页脚定位方案 */
footer {
    position: sticky; /* 使用sticky定位 */
    bottom: 0; /* 确保页脚始终位于页面底部 */
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 1rem;
    text-align: center;
}

/* 优化后的表单容器 */
.form-group {
    margin-bottom: 2rem; /* 增大间距 */
    position: relative;
}

.form-group input {
    font-size: 28px; /* 增大输入文字 */
    padding: 20px 25px 20px 60px; /* 增大内边距并留出图标空间 */
    max-width: 600px; /* 适当加宽输入框 */
    border: 3px solid #FF6B6B !important; /* 更醒目的橙色边框 */
    border-radius: 15px !important; /* 更大圆角 */
    background-color: #FFFFF0; /* 浅黄色背景 */
    color: #333;
}

.form-group input:focus {
    box-shadow: 0 0 8px rgba(255,107,107,0.3); /* 添加聚焦光晕效果 */
}

/* 新增输入框图标 */
.form-group::before {
    content: "📱";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    z-index: 1;
}

.form-group[for="username"]::before { content: "👤"; }
.form-group[for="password"]::before { content: "🔒"; }
.form-group[for="phoneNumber"]::before { content: "📱"; }

label {
    font-size: 32px !important; /* 增大标签文字 */
    color: #4CAF50 !important; /* 使用品牌绿色 */
    margin-bottom: 15px;
    display: block;
    font-weight: bold; /* 加粗显示 */
}

/* 新增适老化成功提示样式 */
.signup-success {
    font-size: 36px; /* 增大至36px */
    padding: 30px;
    background: #FFFF99; /* 改为更醒目的浅黄色 */
    border: 4px solid #4CAF50;
    border-radius: 20px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.15); /* 增强阴影 */
    position: relative;
    top: 0;
}

.signup-success::before {
    content: "✓";
    font-size: 56px; /* 增大勾号尺寸 */
    color: #4CAF50;
    margin-right: 30px; /* 增大间距 */
    padding: 0 20px;
    border-right: 3px solid #4CAF50;
}

/* 新增渐入动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
